/*关于*/
.about{margin-top: 27px;}
.about .tittle{height: auto;overflow: hidden;margin-bottom: 10px;}
.about .tittle p{float: left;}
.about .tittle p img{float: left;margin-top: 7px;}
.about .tittle h2{font-weight: bolder;color:#202224;font-size: 28px;margin-left: 10px;float: left; }
.about .tittle a{float: right;color: #b1b1b1;margin-top:15px;}
.about .tittle a:hover{color:#0870DA;.more }
.about .right{width:510px;line-height: 24px;height:240px; text-overflow: ellipsis;color: #333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:10;
    -webkit-box-orient: vertical;  }

/*产品*/
.product{margin-top:40px; }
.product .tittle{line-height: 40px;font-weight: bolder;color:#202224;font-size: 28px;text-align: center;}
.pro-class{text-align: center;display: table;margin: 20px auto;max-width:950px;height: auto;overflow: hidden; }
.pro-class li{float: left;width:156px;border-radius: 2px;border: 1px solid #0870DA;text-align: center;font-size: 16px;font-weight: bolder;line-height: 38px;margin-right: 1px;}
.pro-class li a{color: #0870da;display: block;}
.class-hover{background-color:#0870da; }
.class-hover a{color:#fff!important; }
.pro-list{height: auto;overflow: hidden;}
.pro-list li{width:292px;float: left;margin-right:14px;  }
.pro-list li:hover img{opacity: 0.9;}
.pro-list li img{width: 290px;height: 180px;border: 1px solid #ebebeb;}
.pro-list li p{text-align: center;padding: 0 10px;line-height:46px;margin-top: 2px;background-color: #0870DA;color: #fff;font-weight: bold;font-size: 16px;height: 46px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}

/*小板块*/
.mc{margin-top:50px;margin-bottom: 70px;}
.mc .tittle{border-bottom: 1px solid #E0E0E0;height: auto;overflow: hidden;padding-bottom: 8px;margin-bottom:20px; }
.mc .tittle img{float: left;}
.mc .tittle span{float: left;margin-top: 8px;font-size: 16px;color:#202224;margin-left: 5px; }
.mc .tittle .more{float: right;margin-top: 8px;font-size: 16px;color:#b1b1b1; }
.mc .tittle .more:hover{color:#0870DA; }
/*新闻*/
.mc .news{width: 380px;float: left;}
.mc .news .news1{}
.mc .news .news1 div{height: auto;overflow: hidden;}
.mc .news .news1 div .p1{float: left;width:250px;line-height: 20px;height: 20px;color:#454545;font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.mc .news .news1 div span{float: right;color:#454545;font-size: 16px; }
.mc .news .news1 .p2{line-height: 25px;color:#686868;height: 75px;margin-top: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.mc .news .news1:hover .p1{color:#0870DA; }
.mc .news ul{margin-top: 15px;}
.mc .news ul li{height: auto;overflow: hidden;line-height: 30px;}
.mc .news ul li .p1{width: 250px;line-height: 30px;height: 30px;color:#454545;float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.mc .news ul li .p2{float: right;color:#454545; }
.mc .news ul li:hover .p1{color: #0870DA;}

/*健康*/
.health{width: 380px;margin-left:35px;float: left; }
.health ul{margin-top: 15px;}
.health ul li{height: auto;overflow: hidden;line-height: 30px;}
.health ul li .p1{width: 250px;line-height: 30px;height: 30px;color:#454545;float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.health ul li .p2{float: right;color:#454545; }
.health ul li:hover .p1{color: #0870DA;}

/*联系我们*/
.contact{width: 380px;float: right;}
.contact .p3{line-height: 23px;color:#454545; }